<template>
  <!-- 个人信息的组件 -->
  <div class="mine">
    <div class="person">
      <!-- 头像 -->
      <div class="head"><img :src="item.headimg" alt="" /></div>

      <!-- 用户名 -->
      <div class="name">{{ item.nm }}</div>
    </div>
    <!-- 一些信息 -->
    <div class="message">
      <!-- 点赞数 -->
      <div class="praise pub">
        <div class="iconfont">
          <van-icon name="good-job-o" size="18" />
        </div>
        <i>{{ item.praisenum }}</i>
      </div>
      <!-- 私信 -->
      <div class="msg pub">
        <div class="iconfont">
          <van-icon name="chat-o" size="18" />
        </div>
        <i>{{ item.msgnum }}</i>
      </div>
    </div>
  </div>
</template>
<script>
import { Icon } from "vant";
export default {
  props: ["item"],
  components: {
    VanIcon: Icon,
  },
};
</script>
<style lang="less" scoped>
@import "../../../../assets/css/var.less";
.mine {
  .indexmine();
  margin: 0;
}
</style>
